/* HTML tags */
body { margin:0; font-size:18px; font-family:serif; background-color:#F7F7F7 }
h1 { font-size:18px; font-weight:bold; margin:5px; padding:0; }
ul { cursor:default; }
textarea, input { border:#ccc solid 1px; font-family:monospace; }
li:hover { background-color:#ffffcc; }
li:active { background-color:aliceblue; }

/* Generic classes */

.menu { overflow-x:hidden; overflow-y:auto; margin:0; padding:0; }
.menu h3 { margin:0; padding:5px; font-weight:bold; border-bottom:#ccc solid 1px; background-color:#eee; }
.menu ul { margin:0; padding:0; }
.menu ul li { list-style:none; border-bottom:#ccc solid 1px; padding:1em; text-align:left; }
.menu .selected { background-color:aliceblue; font-weight:bold; }
.user-profile { background-color:white; border:#ccc solid 1px;  margin:0; padding:.5em; font-size:70%; display:inline-block; }
.user-profile img { background-color:white; border:#ccc solid 1px; display:block; width:64px; height:64px; margin:.5em; }

/* Specific elements */

#plans-wrapper {
    background-color:white; position:absolute; top:40px; bottom:40px; left:0; width:250px;
    border:#ccc solid 1px; border-left-style:none;  }

#cases-wrapper { background-color:white; position:absolute; top:40px; bottom:40px; left:260px; width:300px; border:#ccc solid 1px; }

#case-editor-wrapper { position:absolute; top:40px; bottom:40px; left:570px; right:0; overflow-x:hidden; overflow-y:auto; margin:0; padding:0; }
#case-editor-wrapper .case-info label span { display:block; padding-top:.5em; }

#layout-top { position:absolute; top:0; left:0; right:0; height:30px; border-bottom:#ccc solid 1px; }
#layout-bottom { position:absolute; bottom:0; left:0; right:0; height:30px;  }
#layout-bottom .copy-right { margin:0; padding:0; text-align:center; font-size:12px; color:#333; }